@import '~@/styles/variables.scss';

// 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸
::-webkit-scrollbar {
  width: 8px; // 竖向滚动条粗细
  height: 8px; // 横向滚动条粗细
  background-color: #fff;
}

// 定义滚动条轨道 内阴影+圆角
::-webkit-scrollbar-track {
  border-radius: 4px;
}

// 定义滑块 内阴影+圆角
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #dedbdb;
}

// 定义placeholder颜色
input:-ms-input-placeholder {
  color: #cacbce;
}

.clearfix {
  &:before,
  &:after {
    content: ' ';
    display: table;
  }
  &:after {
    clear: both;
  }
}

.panel {
  background-color: $pageBgColor;
  margin-bottom: 12px;
  width: 100%;
  font-size: 16px;
  box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.1);
  // border-radius: 10px;
  padding: 20px 0;

  .header-flex {
    display: flex;
    align-items: center;
  }

  .panel-header {
    color: $panelHeaderColor;
    height: 32px;
    margin-bottom: 20px;
    &::before {
      content: '';
      height: 14px;
      width: 2px;
      display: inline-block;
      background: #4c71f9;
      margin-left: 20px;
      margin-right: 10px;
    }

    .header-title {
      display: inline-block;
      height: 32px;
      font-weight: 500;
      color: #2878ff;
      line-height: 32px;
      font-size: 16px;
    }
  }
  &.form-panel {
    padding: $pagePadding $pagePadding 0;
  }
  &.tabel-panel {
    padding: $pagePadding;
  }
}
.panel-btn-wrapper {
  padding-left: 83px;
  .el-button {
    margin-right: 61px;
    width: 200px;
  }
}

.subject-title {
  font-size: $pageTitleSize;
  font-weight: $pageTitleWeight;
  color: $pageColor;
  margin-bottom: 10px;
  padding-left: $pagePadding;
}

// #dashbord-map-container {
.circleOverlay {
  position: absolute;
  width: 90px;
  height: 90px;
  padding: 2px;
  border-radius: 50%;
  background-color: rgba(108, 157, 75, 1);
  color: #fff;
  font-size: 12px;
  text-align: center;
  background-clip: padding-box;
  border: 8px solid rgba(140, 202, 98, 0.36);
  p {
    margin: 0;
  }
  .circleOverlayTop {
    margin-top: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
.pointOverlay {
  position: absolute;
  width: 86px;
  height: 86px;
  padding: 2px;
  border-radius: 50%;
  background-color: #649c00;
  color: #fff;
  font-size: 12px;
  text-align: center;
  background-clip: padding-box;
  &:hover {
    cursor: pointer;
  }
  p {
    margin: 0;
  }
  .pointOverlayTop {
    margin-top: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
.pointOverlay2 {
  position: absolute;
  width: 86px;
  height: 86px;
  padding: 2px;
  border-radius: 50%;
  background-color: #00a6f3;
  color: #fff;
  font-size: 12px;
  text-align: center;
  background-clip: padding-box;
  border: 8px solid rgba(0, 166, 243, 0.2);
  &:hover {
    cursor: pointer;
  }
  p {
    margin: 0;
  }
  .pointOverlayTop {
    margin-top: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
// }
#preview-map {
  .mask {
    position: absolute;
    top: 0;
    background: #0c0d0f;
    // background: radial-gradient(circle at center,transparent,rgba(12,13,15,0.1),rgba(12,13,15,0.3),rgba(12,13,15,0.7),#0c0d0f 80%);
    // box-shadow: inset 0 0 120px 120px #0c0d0f;
  }
}
#screenmap {
  width: 100%;
  min-height: 100%;
  .circleOverlay {
    position: absolute;
    width: 90px;
    height: 90px;
    padding: 2px;
    border-radius: 50%;
    background-color: rgba(50, 68, 163, 0.9);
    color: #fff;
    font-size: 12px;
    text-align: center;
    background-clip: padding-box;
    border: 8px solid rgba(50, 68, 163, 0.36);
    .circleOverlayTop {
      margin-top: 10px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
  }
  .circleOverlaySel {
    background-color: rgba(108, 157, 75, 1) !important;
    border: 8px solid rgba(140, 202, 98, 0.5) !important;
  }
}

.input-error {
  border-color: #ff4d4f !important;
}
.error-tips {
  color: #ff4d4f;
  font-size: 12px;
  line-height: 20px;
}
.item-tip {
  color: #9d9d9d;
}
//自定义table header
.table-outside-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.table-outside-btn {
  margin-right: 20px !important;
}
// .search-result-count {
//   color: #b0bec5;
//   font-size: 16px;
//   margin-left: 38px;
//   strong {
//     color: #272727;
//     margin: 0 10px;
//   }
// }

//去掉百度地图logo
.BMap_cpyCtrl {
  display: none;
}
.anchorBL {
  display: none !important;
}

.amap-logo {
  display: none !important;
}
.amap-copyright {
  visibility: hidden !important;
}
